Telegram Group & Telegram Channel
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по CSS! 🤙

Вы можете создать этот магнитный эффект :hover с помощью позиционирования анкоров CSS, :has и без JS 🔥.

article { anchor-name: --develop; }
ul:has(li:hover) { --anchor: --develop; }
ul::after {
inset:
anchor(var(--anchor) top)
anchor(var(--anchor) right)
... ;
}

Как сохранить чистоту при входе/выходе из списка? Используйте transition-delay

ul:has(li:hover) { --active: 1; }
ul::after {
opacity: var(--active, 0);
transition: opacity 0.2s, inset 0.2s 0.2s;
}
ul:hover::after {
transition: opacity 0.2s 0.2s, inset 0.2s;
}



tg-me.com/htmlcssjavas/943
Create:
Last Update:

Совет по CSS! 🤙

Вы можете создать этот магнитный эффект :hover с помощью позиционирования анкоров CSS, :has и без JS 🔥.

article { anchor-name: --develop; }
ul:has(li:hover) { --anchor: --develop; }
ul::after {
inset:
anchor(var(--anchor) top)
anchor(var(--anchor) right)
... ;
}

Как сохранить чистоту при входе/выходе из списка? Используйте transition-delay

ul:has(li:hover) { --active: 1; }
ul::after {
opacity: var(--active, 0);
transition: opacity 0.2s, inset 0.2s 0.2s;
}
ul:hover::after {
transition: opacity 0.2s 0.2s, inset 0.2s;
}

BY Web разработка


Warning: Undefined variable $i in /var/www/tg-me/post.php on line 283

Share with your friend now:
tg-me.com/htmlcssjavas/943

View MORE
Open in Telegram


Web разработка Telegram | DID YOU KNOW?

Date: |

The seemingly negative pandemic effects and resource/product shortages are encouraging and allowing organizations to innovate and change.The news of cash-rich organizations getting ready for the post-Covid growth economy is a sign of more than capital spending plans. Cash provides a cushion for risk-taking and a tool for growth.

Start with a fresh view of investing strategy. The combination of risks and fads this quarter looks to be topping. That means the future is ready to move in.Likely, there will not be a wholesale shift. Company actions will aim to benefit from economic growth, inflationary pressures and a return of market-determined interest rates. In turn, all of that should drive the stock market and investment returns higher.

Web разработка from us


Telegram Web разработка
FROM USA